<!DOCTYPE html>
<html lang="ru">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" href="/img/icons/favIcon.png">
	<link rel="stylesheet" href="css/style.min.css">
	<title>Производство домов</title>
</head>
<html>

<body>

	<div class="container">
		<!-- Header -->
<header class="container__contactsheader contacts">
	<div class="contacts__logo">
		<a rel="stylesheet" href="/"><img src="/img/icons/logo.svg" alt="FilHause"></a>
	</div>
	<div class="contacts__link">
		<div class="contacts__socialnetwork socialnetwork">
			<a rel="stylesheet" href="#">
				<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path
						d="M15.5019 21.9212L15.0406 28.4124C15.2888 28.414 15.5341 28.3585 15.7574 28.2502C15.9808 28.142 16.1762 27.9838 16.3288 27.788L19.4225 24.8293L25.8463 29.5262C27.0163 30.1843 27.8431 29.8412 28.1638 28.4462L32.3769 8.69116C32.7481 6.95304 31.7694 6.25554 30.5994 6.69429L5.8494 16.1724C4.1394 16.8474 4.17877 17.7924 5.56252 18.2255L11.8963 20.1943L26.1444 11.8749C26.8363 11.408 27.4719 11.6668 26.9544 12.1224L15.5019 21.9212Z"
						stroke="#272B34" stroke-linecap="round" />
				</svg>
			</a>
			<a rel="stylesheet" href="#">
				<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path
						d="M22.3143 7.54919H13.6856C10.4143 7.54919 7.76245 10.2011 7.76245 13.4723V22.9842C7.76245 26.2554 10.4143 28.9073 13.6856 28.9073H22.3143C25.5856 28.9073 28.2374 26.2554 28.2374 22.9842V13.4723C28.2374 10.2011 25.5856 7.54919 22.3143 7.54919Z"
						stroke="#272B34" stroke-linecap="round" />
					<path
						d="M18 23.4455C20.883 23.4455 23.22 21.1084 23.22 18.2255C23.22 15.3426 20.883 13.0055 18 13.0055C15.1171 13.0055 12.78 15.3426 12.78 18.2255C12.78 21.1084 15.1171 23.4455 18 23.4455Z"
						stroke="#272B34" stroke-linecap="round" />
					<path
						d="M24.2493 12.0717C24.6594 12.0717 24.9918 11.7392 24.9918 11.3292C24.9918 10.9191 24.6594 10.5867 24.2493 10.5867C23.8393 10.5867 23.5068 10.9191 23.5068 11.3292C23.5068 11.7392 23.8393 12.0717 24.2493 12.0717Z"
						stroke="#272B34" />
				</svg>
			</a>
			<a rel="stylesheet" href="#">
				<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path
						d="M20.5588 20.2898C18.7404 19.5091 17.2148 18.1745 16.1994 16.4761C16.1532 16.3911 16.1349 16.2939 16.147 16.198C16.1592 16.1021 16.2011 16.0124 16.2669 15.9417L17.1388 14.9911C17.1993 14.9268 17.2396 14.8461 17.2546 14.7591C17.2696 14.672 17.2586 14.5825 17.2231 14.5017L15.8506 11.8861C15.8506 11.8861 15.2431 10.9579 14 11.7567C14 11.7567 10.7319 14.3104 12.8188 17.8204C14.9056 21.3304 16.8688 22.5173 18.635 23.3779C20.1706 24.1261 23.495 25.1217 25.5031 21.4711C25.5031 21.4711 26.2063 20.3461 25.5031 20.0592C25.1825 19.9298 23.4331 19.0636 22.6906 18.7036C22.5968 18.6573 22.4899 18.6444 22.3877 18.6668C22.2855 18.6893 22.194 18.7459 22.1281 18.8273L21.0819 20.1492C21.0212 20.2255 20.9377 20.2804 20.8435 20.3057C20.7493 20.331 20.6495 20.3254 20.5588 20.2898V20.2898Z"
						stroke="#272B34" />
					<path
						d="M5.48364 30.3136L7.73364 24.0136C6.22081 21.2757 5.75113 18.0824 6.41157 15.0249C7.07201 11.9674 8.81784 9.2527 11.3259 7.38336C13.8339 5.51402 16.9342 4.61664 20.053 4.85735C23.1717 5.09806 26.0977 6.46055 28.2892 8.6926C30.4806 10.9247 31.7892 13.8751 31.9726 16.9977C32.1561 20.1204 31.202 23.2038 29.2869 25.6771C27.3719 28.1504 24.6256 29.8461 21.5565 30.4503C18.4874 31.0546 15.3033 30.5264 12.5936 28.9636L5.48364 30.3136Z"
						stroke="#272B34" stroke-linecap="round" />
				</svg>
			</a>
		</div>
		<div class="contacts__phone phone">
			<a href="tel:+79998095605">
				<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path
						d="M5.55484 4.42594C5.37968 4.43163 5.20745 4.47241 5.04834 4.54585C4.88922 4.6193 4.74646 4.72392 4.62851 4.85353C4.51055 4.98314 4.4198 5.1351 4.36163 5.30041C4.30346 5.46573 4.27905 5.64103 4.28984 5.81594C4.46484 8.81594 5.28984 16.1359 9.23984 20.7009C13.9698 26.2009 20.1298 28.0959 26.4498 27.8159C26.7886 27.7957 27.1071 27.6477 27.3409 27.4017C27.5748 27.1558 27.7066 26.8303 27.7098 26.4909L27.7098 21.6859C27.7059 21.2376 27.5514 20.8036 27.2713 20.4536C26.9911 20.1036 26.6014 19.8579 26.1648 19.7559L22.9998 19.0559C22.6084 18.9725 22.2009 19.0084 21.8301 19.1591C21.4593 19.3097 21.1422 19.5681 20.9198 19.9009L20.2198 20.9609C20.1556 21.0579 20.0595 21.1295 19.9481 21.1633C19.8368 21.197 19.7172 21.1909 19.6098 21.1459C17.9998 20.4509 11.5848 17.4509 10.8798 12.3909C10.866 12.2932 10.8815 12.1936 10.9242 12.1046C10.9669 12.0156 11.035 11.9413 11.1198 11.8909L12.3898 11.1159C12.7382 10.9001 13.0118 10.5824 13.1737 10.2059C13.3355 9.8294 13.3778 9.41227 13.2948 9.01094L12.5998 5.79094C12.4982 5.33978 12.2434 4.93777 11.8788 4.65334C11.5141 4.36891 11.0622 4.21964 10.5998 4.23094L5.55484 4.42594Z"
						stroke="#5DAC19" stroke-width="2" />
				</svg>
				<span>+7 999 809 56 05</span>
			</a>
		</div>
	</div>
</header>
		<!-- Title -->
		<section class="container__titel titel">
	<div class="titel__text">
		<h1>Производство домов</h1>
		 <p>из клeёного <span>бруса</span><!--<br> -->
			и оцилиндрованного <span>бревна</span></p>
	</div>
	<!-- Slaider_Title -->
	<div class="titel__slaider slaider">
		<div class="slaider__img"><!--<a href="#">проект БК-245</a>--><img src="/img/project/150/BK-150-1.jpg" alt=""></div> 
		<div class="slaider__img"><!--<a href="#">проект БК-245</a>--><img src="/img/project/250/BK-250-1.jpg" alt=""></div>
	</div>

</section>
		<!-- Content -->
		<!-- Content -->
<div class="content">
	<div class="content__title">
		<h2 class="content__titletext">Выбрать проект</h2>
		<div class="content__button">
			<div class="content__buttonblock"><a class="content__buttonpopap" href="#popup1">Cвой проект</a><div class="content__buttonfilter" ></div></div>

		</div>
	</div>
	<div class="content__project">
		<!-- Filter -->
		<asige class="content__filter filter">
	<div class="filter__square">
		<h3 class="filter__squaretitle">Площадь</h3>
		<div class="filter__squareinput">
			<input type="number">
			<div class="filter__sqaretext">
				<p>М<sup>2</sup></p>
			</div>
		</div>
	</div>
	<div class="filter__floors">
		<h3 class="filter__floorstaitel">Этажность </h3>
		<div class="filter__floorscheckbox">
			<p>
				<input type="checkbox" name="a" value="1" id="singlestorey" />
				<label for="singlestorey">
					Oдноэтажный
				</label>
			</p>
			<p>
				<input type="checkbox" name="a" value="2" id="twostoried" />
				<label for="twostoried">
					Двухэтажный
				</label>
			</p>
		</div>

	</div>
	<div class="filter__button"><input type="button" value="Подобрать"></div>
</asige>
		<!-- Card -->
		<section class="content__card card">
	<div class="content__cardsection">
		<div class="card__slider">
			<div class="card__img" onclick="location.href='product.html';"><img src="img/project/124/BK-124-1.jpg"
					alt="">
			</div>
			<div class="card__img" onclick="location.href='product.html';"><img src="img/project/124/BK-124-2.jpg"
					alt="">
			</div>
			<div class="card__img" onclick="location.href='product.html';"><img src="img/project/124/BK-124-3.jpg"
					alt="">
			</div>
		</div>
		<div class="card__data">
			<div class="card__params">
				<div class="card__square">
					<p>Площадь 124 М<sup>2</sup> </p>
				</div>
				<!-- <a href="#">проект БК-124</a> -->
			</div>
			<div class="card__praise">
				<div class="Card__sum">
					<p><span>Бревно</span> <span>1,99 мил.₽</span></p>
					<p><span>Брус</span> <span>4,9 мил.₽</span></p>
				</div>
			</div>
		</div>
	</div>

	<div class="content__cardsection">
		<div class="card__slider">
			<div class="card__img"><img src="img/project/232/BK-232-1.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-2.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-3.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-4.jpg" alt=""></div>
		</div>
		<div class="card__data">
			<div class="card__params">
				<!-- <a href="#">проект БК-124</a> -->
				<div class="card__square">
					<p>Площадь 124 М<sup>2</sup> </p>
				</div>
			</div>
			<div class="card__praise">
				<div class="Card__sum">
					<p><span>Бревно</span> <span>1,99 мил.₽</span></p>
					<p><span>Брус</span> <span>4,9 мил.₽</span></p>
				</div>
			</div>
		</div>
	</div>

	<div class="content__cardsection">
		<div class="card__slider">
			<div class="card__img"><img src="img/project/232/BK-232-1.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-2.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-3.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/232/BK-232-4.jpg" alt=""></div>
		</div>
		<div class="card__data">
			<div class="card__params">
				<!-- <a href="#">проект БК-124</a> -->
				<div class="card__square">
					<p>Площадь 124 М<sup>2</sup> </p>
				</div>
			</div>
			<div class="card__praise">
				<div class="Card__sum">
					<p><span>Бревно</span> <span>1,99 мил.₽</span></p>
					<p><span>Брус</span> <span>4,9 мил.₽</span></p>
				</div>
			</div>
		</div>
	</div>

	<div class="content__cardsection">
		<div class="card__slider">
			<div class="card__img"><img src="img/project/124/BK-124-1.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/124/BK-124-2.jpg" alt=""></div>
			<div class="card__img"><img src="img/project/124/BK-124-3.jpg" alt=""></div>
		</div>
		<div class="card__data">
			<div class="card__params">
				<!-- <a href="#">проект БК-124</a> -->
				<div class="card__square">
					<p>Площадь 124 М<sup>2</sup> </p>
				</div>
			</div>
			<div class="card__praise">
				<div class="Card__sum">
					<p><span>Бревно</span> <span>1,99 мил.₽</span></p>
					<p><span>Брус</span> <span>4,9 мил.₽</span></p>
				</div>
			</div>
		</div>
	</div>
</section>

	</div>
</div>
		<!-- Footer -->
		<div class="content__popap popap" id="popup1">
    <a href="#header" class="popap__area"></a>
    <div class="popap__body">
        <div class="popap__content">
            <a href="#header" class="popap__close">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                    viewBox="0 0 294.843 294.843" style="enable-background:new 0 0 294.843 294.843;" xml:space="preserve">
                    <g>
                        <path d="M147.421,0C66.133,0,0,66.133,0,147.421s66.133,147.421,147.421,147.421c38.287,0,74.567-14.609,102.159-41.136
                            c2.389-2.296,2.464-6.095,0.167-8.483c-2.295-2.388-6.093-2.464-8.483-0.167c-25.345,24.367-58.672,37.786-93.842,37.786
                            C72.75,282.843,12,222.093,12,147.421S72.75,12,147.421,12s135.421,60.75,135.421,135.421c0,16.842-3.052,33.273-9.071,48.835
                            c-1.195,3.091,0.341,6.565,3.432,7.761c3.092,1.193,6.565-0.341,7.761-3.432c6.555-16.949,9.879-34.836,9.879-53.165
                            C294.843,66.133,228.71,0,147.421,0z"/>
                        <path d="M167.619,160.134c-2.37-2.319-6.168-2.277-8.485,0.09c-2.318,2.368-2.277,6.167,0.09,8.485l47.236,46.236
                            c1.168,1.143,2.683,1.712,4.197,1.712c1.557,0,3.113-0.603,4.288-1.803c2.318-2.368,2.277-6.167-0.09-8.485L167.619,160.134z"/>
                        <path d="M125.178,133.663c1.171,1.171,2.707,1.757,4.243,1.757s3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485
                            L88.428,79.942c-2.343-2.343-6.143-2.343-8.485,0c-2.343,2.343-2.343,6.142,0,8.485L125.178,133.663z"/>
                        <path d="M214.9,79.942c-2.343-2.343-6.143-2.343-8.485,0L79.942,206.415c-2.343,2.343-2.343,6.142,0,8.485
                            c1.171,1.171,2.707,1.757,4.243,1.757s3.071-0.586,4.243-1.757L214.9,88.428C217.243,86.084,217.243,82.286,214.9,79.942z"/>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                    <g>
                    </g>
                </svg>

            </a>
            <div class="popap__title"><h2 class="popap__titlehead">Заполните</h2><p>наш дизайнер свяжится с вами</p></div>
            <form action="" class="popap__form">
                <div class="popap__name">
                    <label for="popapNane">Имя:</label>
                    <input type="text" name="Name" id="popapNane">
                </div>
                <div class="popap__phone">
                    <label for="popapTel">Телефон:</label>
                    <input type="tel" value="+7" name="phone" id="popapTel">
                </div>
                <input type="button" value="Отправить">
            </form>
        </div>
    </div>
</div>
<!-- Footer -->
<footer class="footer contacts">
    <div class="contacts__logo">
        <a rel="stylesheet" href="/"><img src="/img/icons/logoFooter.svg" alt="FilHause"></a>
    </div>
    <!-- <div>
        Автор иконок: <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/ru/" title="Flaticon">www.flaticon.com</a>
    </div> -->
    <div class="contacts__link">
        <div class="contacts__socialnetwork socialnetwork">
            <a rel="stylesheet" href="#"><img src="/img/icons/telegramFooter.svg" alt="telegram"></a>
            <a rel="stylesheet" href="#"><img src="/img/icons/instagramFooter.svg" alt="instagram"></a>
            <a rel="stylesheet" href="#"><img src="/img/icons/whatsapFooter.svg" alt="whatsap"></a>
        </div>
    </div>
</footer>
	</div>
	<!-- Script -->
	<script type="text/javascript" src="/js/script.js"></script>
</body>

</html>